<svg:path
  [ngClass]="this.dataSourcs?.Data?.IsSvgDisplay ? 'svg-path' : 'hide'"
  [attr.d]="this.GetPathParticle()"
  fill="none"
/>
<svg:circle
  [ngClass]="this.dataSourcs?.Data?.IsDisplay ? 'point-type' : 'hide'"
  [attr.d]="this.GetPathParticle()"
  cx="5"
  [attr.cy]="GetCircleYPosition()"
  r="6"
  stroke="blue"
  stroke-width="1"
  fill="#7ed321"
  (click)="HideOrShow()"
/>
<svg:line
  class="point-type"
  *ngIf="this.dataSourcs?.Data?.IsDisplay"
  x1="0"
  [attr.y1]="GetCircleYPosition()"
  x2="10"
  [attr.y2]="GetCircleYPosition()"
  style="stroke:BLUE;stroke-width:1"
  (click)="HideOrShow()"
/>
<svg:line
  class="point-type"
  *ngIf="this.dataSourcs?.Data?.IsDisplay && this.dataSourcs.Data.IsExistele"
  x1="5"
  [attr.y1]="GetCircleYPosition() - 5"
  x2="5"
  [attr.y2]="GetCircleYPosition() + 5"
  style="stroke:BLUE;stroke-width:1"
  (click)="HideOrShow()"
/>
